import { Suspense } from 'react'
import { Spin } from 'antd';
import { Navigate } from 'react-router-dom'
const Login = () => import('@/pages/login/index.jsx')

// 路由拦截登录验证
import AuthRouter from './AuthRouter'
//渲染页面
import RenderRouter from './RenderRouter'

export default function LazyRouter({ auth, ...props }) {
  const istoken = sessionStorage.getItem('token')
  return (
    <Suspense
      fallback={
        <RenderRouter element={<Spin tip="Loading"><div /></Spin>}/>
      }>
      {/* 需要验证前往token验证，不需要验证就去渲染页面 */}
      {/* {auth ? <RenderRouter {...props}></RenderRouter> : <AuthRouter  {...props}></AuthRouter>} */}
      {istoken ? <RenderRouter {...props}></RenderRouter> : <Navigate to='/login' title="登录"></Navigate>}
      {/* <RenderRouter {...props}></RenderRouter> */}
    </Suspense>
  )
}

